<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <title>听书 | 首页</title>
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
<header>
    <div class="brand">
        <a class ="words" href="/">听</a>
    </div>

    <div class="search">
        <form method="get">
            <input type="text" name="keyword">
            <button type="submit">查找</button>
        </form>
    </div>


    <div class="function">
        <!-- GET /api/current-user.json -->
        <!-- 这里的 HTML 在用户已经登录时，会被替换 -->
        <a class ="words" href="/register.html">注册</a>
        <a class ="words" href="/login.html">登录</a>
    </div>
</header>

<main>
    <ol class="album-list">
        <!-- GET /api/album-list.json -->
        <!-- 取到专辑列表时，每个专辑都在这里添加一个 <li> 标签 -->
    </ol>
</main>

<script src="/js/func.js"></script>
<script src="/js/header.js"></script>
<script src="/js/index.js"></script>
</body>
</html>